<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="less">
@import "assets/less/app.less";
@import "assets/css/fontawesome-all.css";

#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mint-header {
  .mint-button-text {
    font-size: 1.3rem;
  }
  .fa {
    font-size: 1.4rem;
  }
}

.mint-cell {
  background-image: none;
  &:last-child,
  .mint-cell-wrapper {
    background-image: none;
    font-size: inherit;
  }
}

.content {
  height: calc(~"100vh - 40px");
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
</style>
